Publié le 20 mai 2025
Lors du Google I/O 2025, nous avons dévoilé de nouvelles fonctionnalités pour optimiser votre productivité et vous permettre de créer un Web plus performant, fluide et moderne.
Voici 10 innovations clés qui vous permettent d'accéder directement à des fonctionnalités de pointe et qui ne manqueront pas de vous inspirer pour votre prochain projet.
1. Créer des carrousels n'a jamais été aussi simple avec quelques lignes de CSS et de HTML
Créez de superbes carrousels interactifs dès la première peinture avec CSS. Chrome 135 a introduit de nouvelles primitives CSS (fragmentation stylable, éléments de repère de défilement et boutons de défilement) qui simplifient la création de carrousels sans JavaScript. Utilisez des concepts CSS familiers pour créer des carrousels riches, interactifs, fluides et plus accessibles, en un temps record.
2. Pop-ups déclaratifs: présentation de la nouvelle API Interest Invoker
L'API expérimentale Interest Invoker est disponible en tant qu'essai d'origine.
Grâce à cette fonctionnalité, vous pouvez activer ou désactiver de manière déclarative les pop-ups lorsque l'intérêt des visiteurs est actif pendant une courte durée. Adieu l'attribut [title] non stylable, bonjour [interesttarget] ! Combinez-la à l'API Anchor Positioning et à l'API Popover pour créer des éléments d'interface utilisateur riches, responsifs et interactifs, tels que des info-bulles ou des cartes flottantes, sans JavaScript. Les possibilités sont infinies avec le CSS moderne !
3. Plusieurs API d'IA intégrées utilisant des modèles de pointe tels que Gemini Nano sont disponibles et incluent désormais des fonctionnalités multimodales dans l'API Prompt.
Notre parcours vers l'IA intégrée se poursuit, vous offrant une confidentialité améliorée, une latence réduite et des coûts réduits, ainsi qu'un accès à des résultats de haute qualité créés par l'IA. L'IA intégrée utilise des modèles d'experts et Gemini Nano, le modèle le plus efficace de Google, pour les tâches sur l'appareil. À partir de Chrome 138, l'API Summarizer, l'API Language Detector, l'API Translator et l'API Prompt pour les extensions Chrome sont disponibles en version stable. De plus, les API Writer et Rewriter sont disponibles dans les phases d'évaluation pour les origines.
La nouvelle API Proofreader, ainsi que l'API Prompt avec des fonctionnalités multimodales, sont disponibles dans Chrome Canary.
Pour en savoir plus, rejoignez notre programme de prévisualisation anticipée afin de collaborer sur de nouvelles API d'IA intégrées et de façonner l'avenir de l'IA sur le Web.
4. L'IA côté client s'étend avec Firebase et l'API Gemini Developer pour fournir une solution d'IA hybride
Grâce à notre collaboration avec Firebase et l'API Gemini Developer, vous pouvez désormais créer des expériences Web optimisées par l'IA sur mobile et sur ordinateur. Ces applications utilisent l'IA côté client lorsque cela est possible et passent facilement à l'IA côté serveur pour toucher tous les appareils et navigateurs. À partir d'aujourd'hui, la logique d'IA Firebase offre un accès fluide à l'API Prompt intégrée de Chrome, compatible avec Gemini Nano et des modèles plus petits similaires côté serveur à l'aide de l'API Gemini Developer.
5. L'assistance IA dans Chrome DevTools vous aide à déboguer votre workflow en matière de style, de performances et plus encore
Grâce à l'assistance de l'IA, vous pouvez discuter avec Gemini pour vous aider à déboguer les erreurs de style dans le panneau "Éléments", à résoudre les problèmes de performances dans le panneau "Performances", à identifier les problèmes de réseau dans le panneau "Réseau" et à localiser les fichiers sources dans le panneau "Sources". De plus, l'assistance d'IA peut désormais appliquer ses modifications liées au style directement à votre code source dans le panneau "Éléments".
6. Les données sur les utilisateurs réels, les insights Lighthouse et les fonctionnalités d'IA du panneau "Performances" de Chrome DevTools vous aident à comprendre et à résoudre les problèmes de performances.
Grâce au nouveau panneau "Performances", vous pouvez désormais accéder aux données Core Web Vitals locales et réelles et demander à Gemini de vous aider à comprendre et à résoudre les problèmes de performances. La barre latérale "Insights" intègre les insights Lighthouse à vos traces, ce qui vous permet de déboguer plus rapidement, sans avoir à quitter votre workflow ni à perturber votre productivité.
7. Les fonctionnalités de référence sont désormais disponibles dans vos outils habituels: VS Code, ESLint et plus encore
Obtenez une meilleure précision et une plus grande confiance dans votre workflow de développement Web grâce à l'intégration de Baseline. Dans vos outils de développement Web habituels, vous obtiendrez une visibilité claire sur la disponibilité des fonctionnalités Web dans les principaux navigateurs:
- IDE: VSCode affiche désormais l'état de référence des fonctionnalités au moment de la compilation. Cette fonctionnalité sera bientôt disponible dans WebStorm de JetBrains et les IDE basés sur VS Code, y compris Firebase Studio, Windsurf, GitHub Codespaces, etc.
- Analyseurs de code: les analyseurs de code CSS et HTML peuvent vous avertir de manière proactive lorsque vous utilisez une fonctionnalité plus récente que votre référence. La référence est compatible avec ESLint pour CSS, HTML ESLint et Stylelint.
- Analyse: RUMvision combine les données de référence aux métriques sur les utilisateurs réels, ce qui vous permet de sélectionner de manière stratégique la version de référence optimale pour votre audience. Les utilisateurs de Google Analytics peuvent importer leurs données dans l'outil de vérification des données de référence Google Analytics pour obtenir des recommandations de référence.
- Compilation: utilisez browserslist-config-baseline pour connecter vos cibles de référence à vos outils de compilation de code tels que Babel et PostCSS afin de pouvoir utiliser des fonctionnalités modernes dans votre code source et de les compiler dans vos builds de production.
8. Obtenez une vue complète de la compatibilité des fonctionnalités Web avec le tableau de bord de la plate-forme Web.
L'année dernière, nous avons annoncé le tableau de bord de la plate-forme Web, qui permet d'explorer les données sur les éléments géographiques Web qui cartographient l'ensemble de la plate-forme Web en tant qu'ensemble d'éléments géographiques. L'ensemble de données des fonctionnalités Web étant désormais cartographié à 100 %, vous pouvez pour la première fois consulter l'état de référence de chaque fonctionnalité dans chaque navigateur, de l'AVIF aux transitions de vue, y compris leur disponibilité et leur adoption. Restez informé et créez en toute confiance.
9. Test pour les développeurs visant à simplifier la connexion avec le Gestionnaire d'identifiants
Nous sommes conscients des difficultés que les multiples méthodes d'authentification, y compris les mots de passe, la fédération des identités et les clés d'accès, peuvent entraîner pour les utilisateurs de vos sites. Notre objectif est de proposer une expérience de connexion unifiée et simple aux utilisateurs. Nous apportons donc l'expérience intuitive du Gestionnaire d'identifiants d'Android à Chrome. Bientôt, lorsque les utilisateurs cliqueront sur Se connecter, Chrome affichera les identifiants disponibles pour ce site, tels que les clés d'accès et les mots de passe du Gestionnaire de mots de passe de Google, ce qui facilitera la connexion. Nous prévoyons également d'ajouter la fédération d'identité à cette expérience. Le Gestionnaire d'identifiants pour le Web est désormais en version bêta pour les développeurs. Nous vous tiendrons informé des nouveautés à venir plus tard dans l'année.
10. Itérer plus rapidement sur les extensions Chrome grâce à la possibilité d'annuler l'examen de l'envoi
L'envoi de votre extension Chrome doit être simple, sans souci et excitant. Cependant, nous savons qu'il était impossible de corriger rapidement une erreur dans une demande en attente. Plus tôt cette année, nous avons lancé la possibilité d'annuler une soumission en attente, qui s'ajoute à la possibilité de rétablir une version précédemment publiée. Le but est de vous permettre de modifier votre contenu et de le renvoyer rapidement.
Pour en savoir plus, consultez developer.chrome.com et web.dev pour découvrir comment nous façonnons un Web puissant et encore plus convivial. N'hésitez pas à nous suivre sur X, YouTube et LinkedIn. À bientôt pour la prochaine édition d'I/O !
Deloitte désigne une ou plusieurs des entités suivantes : Deloitte Touche Tohmatsu Limited, une société privée à responsabilité limitée britannique ("DTTL"), son réseau de sociétés membres et leurs entités associées. La DTTL et chacune de ses entreprises membres sont des entités juridiquement distinctes et indépendantes. DTTL (également appelé "Deloitte Global") ne fournit pas de services aux clients. Aux États-Unis, Deloitte désigne une ou plusieurs des entreprises membres américaines de DTTL, leurs entités associées qui exercent leurs activités sous le nom "Deloitte" aux États-Unis et leurs filiales respectives. Certains services peuvent ne pas être sans frais aux clients d'attestation en vertu des règles et règlements qui s'appliquent aux services d'experts-comptables. Pour en savoir plus sur notre réseau mondial de cabinets membres, consultez la page www.deloitte.com/about.